<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<body bgcolor="red">
		<!-- 叫法：标记与元素 
		    标记：<W3C指定单词>  特定含义,页面上实现具体效果
		   前标记和后标记
		   元素：前标记和后标记加内容组成
		-->
		<!-- 页面存：文本、图片、超链接... -->
		<!-- 一、文本元素群 
		       1.假文【占位符】 lorem+tab键
		-->
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias esse deserunt tempore voluptatibus delectus nam asperiores fugit incidunt. Enim placeat eos voluptates fugiat iusto molestias maxime reiciendis quae itaque repellendus.
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, minima. Accusamus ratione non natus minus aliquid sapiente perferendis pariatur tenetur, at recusandae repudiandae cupiditate iste, molestias, doloremque voluptatibus veritatis accusantium!
		Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officiis nam magni dolorem vitae repudiandae? Distinctio consequuntur quisquam aspernatur itaque necessitatibus, quis non reiciendis, ipsa aliquid, ad illum laudantium dolor illo.
		<!-- 2.段落元素 p元素-->
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia molestiae assumenda aliquam doloribus sapiente quis quidem aperiam nemo! Omnis voluptatem soluta obcaecati sint expedita optio maiores praesentium eum consequuntur necessitatibus.</p>
		<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eos, non distinctio possimus beatae quas cupiditate ad rerum vel ipsum, blanditiis, quisquam similique repellat voluptas quasi sed eveniet iure sit asperiores!</p>
		<!-- 3.跑马灯元素 html4语法-->
		<marquee>滚滚长江东逝水</marquee>
		<!-- 4.标题元素  加粗放大 h1~h6 -->
		<h1>标题元素</h1>
		<h2>标题元素</h2>
		<h3>标题元素</h3>
		<h4>标题元素</h4>
		<h5>标题元素</h5>
		<h6>标题元素</h6>
		<!-- 5.实业、实体字符：特殊字符 自带语法：&W3C定义单词;
		     &reg; 代表商标
			 &copy;代表版权
			 &lt; 代表小于
             &gt; 代表大于
			 &nbsp;代表一个空格
		-->
		 &reg; 代表商标
		 &copy;代表版权
		 &lt; 代表小于
		 &gt; 代表大于
		 &nbsp;代表一个空格
		 <!-- 6.文本样式元素 ：做文本效果-->
		 <i>文本倾斜</i>
		 <b>文本加粗</b>
		 <u>文本下划线</u>
		 <del>文本删除线html4</del>
		 <s>文本删除线html5</s>
		 2<sup>3</sup>
		 文言文<sub>解释</sub>
		 <!-- 文本加粗并且倾斜【嵌套】 -->
		 <i><b>123</b></i> 
		  <!-- 7.分割线元素与换行元素 
		     元素分为两类：①成对【双标记】封闭型标记
			             ②单【单/空标记】非封闭型标记
						 语法：<W3C单词 />  简写 <W3C单词>
		  -->
		  <hr>
		  文字<br>效果
		  <!-- 8.预格式化元素 pre 
		  效果：放进入是什么，显示什么，包括空格与回车-->
		  <pre>
			              <p>静夜思</p>  
						 床前明月光，疑是地上霜
						 举头望明月，低头思故乡
		  </pre>
	</body>
</html>